<title>推荐位管理</title>
<!-- ajax layout which only needs content area -->
<link rel="stylesheet" href="../assets/css/bootstrap-multiselect.css"/>
<div class="space-8"></div>
<div class="row">
  <div class="col-xs-12">
    <!-- PAGE CONTENT BEGINS -->
    <form class="form-horizontal" role="form" id="editForm">

      <div class="col-sm-4">
        <div class="form-group">
          <div class="col-sm-12 no-padding">
            <div class="uploader-container">
              <!--头部，相册选择和格式选择-->
              <div class="uploader">
                <div class="queueList center center-block">
                  <div class="placeholder dndArea">
                    <img data-id="" id="mainImg" class="mainImg" src=" " alt="">
                  </div>
                  <div class="webuploader-pick" id="webuploader-pick">选择资源</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- #section:elements.form -->
      <div class="col-sm-6">
        <div class="space-12"></div>
       <!-- <div class="form-group">
          <label class="control-label col-xs-12 col-sm-2 no-padding-right" for="recommendPosition">关联位置</label>
          <div class="col-xs-12 col-sm-9">
            &lt;!&ndash; #section:plugins/input.multiselect &ndash;&gt;
            <select id="recommendPosition" class="multiselect">

            </select>
            &lt;!&ndash; /section:plugins/input.multiselect &ndash;&gt;
          </div>
        </div>
        <div class="space-4"></div>-->
        <div class="space-4"></div>
        <div class="form-group">
          <label class="col-sm-2 control-label no-padding-right" for="">轮播位置</label>
          <div class="col-sm-9">
              <select id="bannerType" onchange="changeBannerType(this.options[this.options.selectedIndex].value)">
              <option value="1">首页产品</option>
              <option value="2">目的地</option>
              <option value="3">攻略</option>
              <option value="4">积分商城</option>
              </select>
          </div>
        </div>
        <div class="form-group" id="productDiv">
          <label class="control-label col-xs-12 col-sm-2 no-padding-right" for="productId">关联产品</label>
          <div class="col-xs-12 col-sm-9" >
            <select   class="multiselect" id="productId">
            </select>
          </div>
        </div>
        <div class="form-group" style="display: none" id="strategyDiv">
          <label class="control-label col-xs-12 col-sm-2 no-padding-right" for="strategyId">关联攻略</label>
          <div class="col-xs-12 col-sm-9" >
            <select   class="multiselect" id="strategyId">
            </select>
          </div>
        </div>
        <div class="form-group" style="display: none" id="goodsDiv">
          <label class="control-label col-xs-12 col-sm-2 no-padding-right" for="goodsId">关联攻略</label>
          <div class="col-xs-12 col-sm-9" >
            <select   class="multiselect" id="goodsId">
            </select>
          </div>
        </div>
        <div class="space-4"></div>
        <div class="form-group">
          <label class="col-sm-2 control-label no-padding-right" for=""> 中文标题</label>
          <div class="col-sm-9">
            <textarea type="text" id="bannerCnTitle" placeholder="总有一个地方 可以 走进你的 心里" class="col-xs-10"/>
          </div>
        </div>
        <div class="space-4"></div>
        <div class="form-group">
          <label class="col-sm-2 control-label no-padding-right" for=""> 英文标题</label>
          <div class="col-sm-9">
            <textarea type="text" id="bannerEnTitle" placeholder="THERE IS ALWAYS A PLACE TO GO INTO YOUR HEART." class="col-xs-10"/>
          </div>
        </div>
        <div class="space-4"></div>

        <div class="form-group hide">
          <label class="col-sm-2 control-label no-padding-right" for=""> 提示语</label>
          <div class="col-sm-9">
            <textarea type="text" id="bannerDetail" placeholder="当到达目的地时在注意自己的个人安全的同时，也要做好功课，在礼仪、习俗等方面不要对当地人造成困扰" class="col-xs-10"/>
          </div>
        </div>
        <div class="space-4"></div>

        <div class="form-group">
          <label class="col-sm-2 control-label no-padding-right" for="sort"> 排序</label>
          <div class="col-sm-9">
            <select class="col-xs-12 col-sm-10" id="sort">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
            </select>
          </div>
        </div>
        <div class="space-4"></div>

        <div class="form-group hide">
          <label class="col-sm-2 control-label no-padding-right" for="">链接地址</label>
          <div class="col-sm-9">
            <input type="text" id="" placeholder="可为空，为空根据前端跳转，不为空根据后台跳转" class="col-xs-10 ">
          </div>
        </div>

      </div>

    </form>
  </div>
  <div class="space-8"></div>
  <div class="col-xs-10">
    <div class="col-xs-12">
      <div class="form-actions center">
        <button class="btn btn-success" id="add">
          <i class="ace-icon fa fa-check"></i>
          提交
        </button>
        <a href="#page/recommendPosition/list">
          <button class="btn btn-primary">
            <i class="ace-icon fa fa-reply align-top bigger-125"></i>
            取消
          </button>
        </a>
      </div>
    </div>
  </div>

</div><!-- /.row -->

<div class="hr hr-18 dotted hr-double"></div>

<!-- page specific plugin scripts -->
<script src="../public/javascripts/scripts/recommendPosition/add.js">
